<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script src="./aa.js"></script>
<script src="./bb.js"></script>
<script>
    // 问题：所有挂载到 window 的变量/方法都位于全局作用域，容易与其他脚本（第三方库、广告代码等）
    // 发生命名冲突。

    // 示例：
    window.utils = { /* ... */ };  // 其他库可能也定义了 window.utils
    // 后果：后加载的脚本会覆盖先前的定义，导致功能异常。
    console.log(window.publicApi)
</script>
</html>